<div id="scrollContent" #scrollContent>
    <div id="topSegment" class="buttonNavClassName">
        <ng-container *ngIf="tagData.cssType===3">
            <div style="height: 2.75rem;background: white;align-items: center;display: flex;padding-left: 20px;"
                appDebounceClick (debounceClick)="dismiss()">
                <img class="header-icon-img" src="assets/img/back_left.png" alt="back">
            </div>
        </ng-container>
        <ion-segment #segment (ionChange)="segmentChanged($event)" [(ngModel)]="selectedSegment" [scrollable]="true">
            <ion-segment-button *ngFor="let item of tagData.data;let i=index;" [value]="i"
                [ngClass]="{'alignRightToLeft': tagData.cssType===3&&i===0,'alignLeftToRight': tagData.cssType===3&&i===1}">
                <ng-container *ngIf="item.partLink&&!item.msgCount">
                    <span *ngIf="item.partLink" [ngClass]="{'spanBadge':item.badge!=='0'}">{{item.label}}</span>
                </ng-container>
                <ng-container *ngIf="item.partLink&&item.msgCount">
                    <div class="badge-layer">
                        <p class="badge-p-font">{{item.label}}</p>
                        <div class="badge-count">{{item.msgCount}}</div>
                    </div>
                </ng-container>
                <div *ngIf="item.partLink" class="bar"></div>
            </ion-segment-button>
        </ion-segment>
        <ng-container *ngFor="let item of tagData.data;let i=index;">
            <div *ngIf="item.link" style="height: 2.75rem;background: white;">
                <img src="assets/img/brand_icon_whole@3x.png" class="segment-img-link" appDebounceClick (debounceClick)="get(item.link)">
            </div>
            <div *ngIf="item.link"
                style="width:1.88rem;height: 2.75rem;background:linear-gradient(90deg,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);opacity:0.9;position: absolute;right: 2.9rem;">
            </div>
        </ng-container>
    </div>
    <div id="sg-bg" style="display: none;"></div>
    <app-subtab1 *ngIf="subComs8" [subComs]="subComs8" style="width: 100%;text-align: initial !important;">
    </app-subtab1>
</div>